<!DOCTYPE html>
<html class="root platform-mac" lang="zh"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="UTF-8">
  <title>小说排行榜_火星小说_完本小说免费下载，最新最热最好看的小说阅读网</title>
  <meta name="keywords" content="火星小说，火星，小说排行榜，免费下载阅读，完本小说，玄幻仙侠小说，悬疑灵异小说，现代都市小说，古代言情小说，现代言情小说，最新连载，最热完本，好看的小说，小说阅读网">
  <meta name="description" content="火星小说网，和人类一起阅读，提供最新最热的免费小说在线阅读以及免费下载阅读，各种好看的小说排行榜，包括现代都市小说、悬疑灵异小说、历史军事小说、玄幻仙侠小说、现代言情小说、古代言情小说、纯爱小说，仙侠奇幻小说尽汇于此。优质版权小说：阴间商人，青春不悔少年狂，元始不灭诀，不灭的男神，古蜀国密码，花神录，江山倾：青鸢皇后。">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://c.hotread.com/assets/images/favico.ico" rel="shortcut icon">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-transform"> 
  <meta property="wb:webmaster" content="9c7fc0d9e77080c8">
  <meta property="qc:admins" content="0237266277607425146375">
  <meta name="sogou_site_verification" content="TbErdP1uQj">
  <meta name="robots" content="all">
  <meta name="baidu-site-verification" content="imoPxKm9GJ">
  <script src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/hm.js"></script><script type="text/javascript">if( top.location != document.location ){top.location.replace(document.location.href);}</script>
  <script type="text/javascript">document.documentElement.className = 'root platform-mac'</script>
  <link rel="stylesheet" href="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/normalize.css">
  <link rel="stylesheet" href="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/story.css">
    <link rel="stylesheet" href="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/index.css">
    <style>
    [v-cloak], img:not([src]) { visibility: hidden; }
    #nprogress{pointer-events:none}#nprogress .bar{background:#0b0;position:fixed;z-index:6000;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:6000;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
  </style>
  <script>
    ;(function(){var a="//c.hotread.com";window._alert=function(h,f,e,d,c){var g=document.createElement("div");g.style.cssText="z-index: 99999;";g.className="notification "+(f?f:"success");g.innerHTML=h||"";if(c==="center"){e=e||210;g.style.cssText="z-index: 4000;top: 50%; right: 50%;margin-top: -34px;margin-right: "+(e/-2)+"px;width:"+e+"px"}document.body.appendChild(g);setTimeout(function(){document.body.removeChild(g)},d||3000)};window._alertCenter=function(f,e,d,c){window._alert.apply(window,[f,e,d,c,"center"])};var b;window._loading=function(c){if(c){if(b){document.body.removeChild(b);b=null}}else{if(b){return false}b=document.createElement("div");b.style.cssText='position: fixed;z-index: 5000;top: 50%;left:50%;margin: -30px 0 0 -50px;width: 100px;height: 60px;border-radius: 5px;background: rgba(0, 0, 0, .2) url("'+a+'/assets/images/loading.gif") no-repeat 50% 50% / 30px 30px;';document.body.appendChild(b)}}})();
    window._alertBlack=function(msg,inline){var box=document.createElement("div");if(inline){box.className="blackBox inline"}else{box.className="blackBox"}if(msg.length>50){msg="后台报错"}box.innerHTML=msg||"";document.body.appendChild(box);box.style.marginLeft=-box.offsetWidth/2+'px';setTimeout(function(){document.body.removeChild(box)},2000)};
  </script>
  <script>
    window.vueReady = {
      queue: [],
      add: function (func) {
        this.queue.push(func);
      },
      ready: function () {
        var item;
        while(item = this.queue.shift()) {
          item();
        }
      }
    };
  </script>
<style id="weel__float-action-button--css">@font-face {font-family: 'weel-translate';src: url("moz-extension://4b0f1fb4-d651-4baf-bb04-d226b366c537/fonts/weel-translate.ttf") format("truetype"), url("moz-extension://4b0f1fb4-d651-4baf-bb04-d226b366c537/fonts/weel-translate.woff") format("woff");font-weight: normal;font-style: normal;}weel{box-sizing:border-box;display:block}weel *,weel :after,weel :before{box-sizing:inherit}weel#weel__float-action-button{-webkit-transition:visibility .25s ease,opacity .25s ease;transition:visibility .25s ease,opacity .25s ease;left:0;top:0;position:fixed;z-index:999999}weel#weel__float-action-button._on{visibility:visible!important;opacity:1!important}weel#weel__float-action-button--container{box-shadow:0 1px 2px rgba(97,97,97,.65);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #ebebeb;border-radius:4px;background-color:#fafafa;height:28px;width:28px;position:relative}weel#weel__float-action-button--icon{font-family:weel-translate!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;background-size:cover;color:#3e84f4;height:20px;width:20px;margin:auto;left:-1px;bottom:0;right:0;top:-1px;position:absolute;font-size:20px}weel#weel__float-action-button--icon:before{content:"\e927"}</style><style id="weel__float-action-panel--css">@font-face {font-family: 'weel-translate';src: url("moz-extension://4b0f1fb4-d651-4baf-bb04-d226b366c537/fonts/weel-translate.ttf") format("truetype"), url("moz-extension://4b0f1fb4-d651-4baf-bb04-d226b366c537/fonts/weel-translate.woff") format("woff");font-weight: normal;font-style: normal;}weel{box-sizing:border-box;display:block}weel *,weel :after,weel :before{box-sizing:inherit}weel#weel__float-action-panel{-webkit-transition:visibility .25s ease,opacity .25s ease;transition:visibility .25s ease,opacity .25s ease;width:24px;padding:12px 0;left:0;top:0;z-index:999999;position:fixed}weel#weel__float-action-panel:after,weel#weel__float-action-panel:before{content:"";border:10px solid transparent;border-bottom-color:#fff;height:0;width:0;margin:auto;left:0;right:0;top:0;position:absolute;display:block}weel#weel__float-action-panel:before{-webkit-filter:blur(1px);filter:blur(1px);border-width:12px;border-bottom-color:hsla(0,0%,48%,.24);top:-10px;z-index:1}weel#weel__float-action-panel:after{top:-6px;z-index:2}weel#weel__float-action-panel._reverse:before{-webkit-filter:blur(1px);filter:blur(1px);border-width:12px;border-bottom-color:transparent;border-top-color:hsla(0,0%,48%,.24);bottom:-10px;top:auto;z-index:1}weel#weel__float-action-panel._reverse:after{border-bottom-color:transparent;border-top-color:#fff;top:auto;bottom:-6px;z-index:2}weel#weel__float-action-panel._no-arrow:after,weel#weel__float-action-panel._no-arrow:before{display:none}weel#weel__float-action-panel._on{visibility:visible!important;opacity:1!important}weel#weel__float-action-panel--container{box-shadow:0 1px 2px rgba(97,97,97,.65);border:1px solid #ebebeb;border-radius:2px;background-color:#fff;width:220px;z-index:2;position:relative}weel#weel__float-action-panel--i-voice:before{content:"\e050"}weel#weel__float-action-panel--i-copy:before{content:"\e14d"}weel#weel__float-action-panel--i-copy,weel#weel__float-action-panel--i-voice{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:weel-translate!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;height:24px;width:24px;color:#666;line-height:24px;margin-left:0;position:absolute;overflow:hidden}weel#weel__float-action-panel--i-copy:hover,weel#weel__float-action-panel--i-voice:hover{color:#3e84f4}weel#weel__float-action-panel--i-copy:active,weel#weel__float-action-panel--i-voice:active{color:gray}weel#weel__float-action-panel--output-stream-result{background-color:#fff;padding:16px}weel#weel__float-action-panel--output-stream-result._on{display:block}weel#weel__float-action-panel--output-stream-explain,weel#weel__float-action-panel--output-stream-phonetic{position:relative}weel#weel__float-action-panel--output-stream-explain._on,weel#weel__float-action-panel--output-stream-phonetic._on{display:block}weel#weel__float-action-panel--output-stream-explain-plain,weel#weel__float-action-panel--output-stream-phonetic-plain{font-size:14px;line-height:1.35;padding-top:4px;text-indent:24px;padding-right:16px;width:100%}weel#weel__float-action-panel--output-stream-phonetic{color:#999;margin-bottom:6px}weel#weel__float-action-panel--output-stream-explain-plain{font-weight:600}weel#weel__float-action-panel--output-stream-explain-plain+textarea{opacity:0;height:0;width:100%;border:none;position:absolute}weel#weel__float-action-panel--output-stream-explain-detail{max-height:120px;overflow-x:hidden;overflow-y:auto;border-top:1px solid #f5f5f5;font-size:12px;line-height:1.75;padding-top:8px;margin:8px 0;color:#4d4d4d;display:none}weel#weel__float-action-panel--output-stream-explain-detail._on{display:block}</style></head>
<body>
<div class="hotr-header" id="hotr-header" style="">
  <div class="header-bg">
    <div class="header-main">
      <div class="main-top">
        
  <span class="user-state">
    <a href="javascript:_authModal.openLogin()" rel="nofollow">登录</a>
    |
    <a href="javascript:_authModal.openRegister()" rel="nofollow">注册</a>
    |
    <a href="http://author.hotread.com/login" rel="nofollow">作者中心</a>
  </span>
      </div>
      <div class="mix-box">
        <div class="logo-box">
          <a href="https://www.hotread.com/">
            <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/logo.png" alt="">
          </a>
        </div>
        <div>
          <form class="search-box" onsubmit="beforeSearch(this, '爱情难为')" action="//www.hotread.com/search">
                          <input name="keyWord" placeholder="爱情难为" autocomplete="off" class="search-text" type="text">
                        <input value=" " class="search-btn" style="color: transparent;" type="submit">
          </form>
          <p class="header-recommend">
            
              <a href="https://www.hotread.com/search?keyWord=%E7%88%B1%E6%83%85%E9%9A%BE%E4%B8%BA">爱情难为</a>
            
              <a href="https://www.hotread.com/search?keyWord=%E9%9B%AA%E5%9F%9F%E5%85%B5%E7%8E%8B">雪域兵王</a>
            
              <a href="https://www.hotread.com/search?keyWord=%E9%AD%85%E7%BD%97">魅罗</a>
            
              <a href="https://www.hotread.com/search?keyWord=%E8%A8%80%E5%A4%A9%E7%A5%9E%E7%AE%97">言天神算</a>
            
              <a href="https://www.hotread.com/search?keyWord=%E6%9C%AA%E4%BA%A1%E6%97%A5">未亡日</a>
            
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="hotr-nav" id="hotr-nav" style="">
  <ul class="nav-main win-head">
    <li class="on"><a href="https://www.hotread.com/">首页</a></li>
    <li class=""><a href="https://www.hotread.com/girl">女频</a></li>
    <li class=""><a href="https://www.hotread.com/boy">男频</a></li>
    <li class=""><a href="https://www.hotread.com/chart">排行</a></li>
    <li class=""><a href="https://www.hotread.com/library">书库</a></li>
    <li class=""><a href="https://www.hotread.com/copyright" target="_blank">优质版权</a></li>
    <li class="pay-hot"><a href="https://www.hotread.com/pay" rel="nofollow">充值</a></li>
    <li><a href="http://author.hotread.com/boon" rel="nofollow">福利</a></li>
    <li class=""><a href="https://www.hotread.com/download" target="_blank">下载客户端</a></li>
  </ul>
</div>
<script>
  function 
beforeSearch(a,b){if(!a.keyWord.value){a.keyWord.value=b}}(function(d){d.addEventListener("scroll",function(){a()});var
 b=false;var e=document.getElementById("hotr-nav");var 
c=document.getElementById("hotr-header");a();function a(){var 
f=d.scrollY;if(b&&f<=239){e.style.cssText="";c.style.cssText="";b=false}else{if(!b&&f>=239){e.style.cssText="position:
 fixed;top:0;left:0;z-index: 6;";c.style.cssText="margin-bottom: 
83px;";b=true}}}})(window);
</script>
<template id="user-auth">
  <span class="user-state" v-if="online.id">
    <a href="https://www.hotread.com/userCenter" rel="nofollow">{{ online.nickName }}</a>
    |
    <a :href="'//www.hotread.com/logout?originalUrl=' + originalUrl" rel="nofollow">退出</a>
    |
    <a href="http://author.hotread.com/login" rel="nofollow">作者中心</a>
  </span>
  <span class="user-state" v-if="loaded &amp;&amp; !online.id">
    <a href="javascript:_authModal.openLogin()" rel="nofollow">登录</a>
    |
    <a href="javascript:_authModal.openRegister()" rel="nofollow">注册</a>
    |
    <a href="http://author.hotread.com/login" rel="nofollow">作者中心</a>
  </span>
</template>
<script>
  ;(function () {
    vueReady.add(function () {
      var userAuth = Vue.extend({
        template: '#user-auth',
        props: ['online', 'loaded'],
        data: function () {
          return {
            originalUrl: encodeURIComponent(location.href)
          }
        }
      });

      new Vue({
        el: '#hotr-header',
        data: {
          online: {},
          loaded: false
        },
        methods: {
          getOnlineUser: function () {
            this.$http.get('/api/online').then(function (resp) {
              this.online = resp.body.onlineUser;
              this.loaded = true;
            });
          }
        },
        ready: function () {
          this.getOnlineUser();
        },
        components: {
          'user-auth': userAuth
        }
      });
    });
  })();
</script>
<div class="hotr-wrap">
  <div class="wrap-top" id="topController">
    <!--人气榜-->
    <div class="wrap-pop">
      <ul class="cut-btnRect win-head">
        <li><i class="girl"></i>女生人气榜</li>
        <li class="on"><i class="boy"></i>男生人气榜</li>
      </ul>
      <ol class="cut-rect rect-female" style="display: none;">
        
          <li>
            <a href="https://www.hotread.com/story/1007351" class="pinkBg">
              <em class="num">01</em>
              <img alt="十二月风雪客" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/8c079af492e833f030e638c845ada66d.png">
              <p class="bookName win-head">十二月风雪客</p>
              <span class="author">云葭</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1008144" class="pinkBg">
              <em class="num">02</em>
              <img alt="佳人有曰" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/2c37e8e85b4b571a92efb3b87b2bab68.jpg">
              <p class="bookName win-head">佳人有曰</p>
              <span class="author">孟子曰</span>
            </a>
          </li>
        
          <li class="on">
            <a href="https://www.hotread.com/story/1000582" class="pinkBg">
              <em class="num">03</em>
              <img alt="未亡日" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/424823c9c2cb90827d99904c142ec7e8.png">
              <p class="bookName win-head">未亡日</p>
              <span class="author">藤萍</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1007059" class="pinkBg">
              <em class="num">04</em>
              <img alt="星河璀璨" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/4c0db4828730fe1a8c05f5fb0134d5ef.jpg">
              <p class="bookName win-head">星河璀璨</p>
              <span class="author">顾青衣</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1001077" class="pinkBg">
              <em class="num">05</em>
              <img alt="古蜀国密码" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/86b42823b701aac0536a422a8260adb9_750x1061.jpg">
              <p class="bookName win-head">古蜀国密码</p>
              <span class="author">月斜影清</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1008058" class="pinkBg">
              <em class="num">06</em>
              <img alt="爱情难为" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/b3b5d6e872c12d77aba1025bcf274ca5.jpg">
              <p class="bookName win-head">爱情难为</p>
              <span class="author">谷雨白鹭</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1000119" class="pinkBg">
              <em class="num">07</em>
              <img alt="向莎翁致敬" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/279ba9b2ea6b6b6d96bb3a342072bda6.png">
              <p class="bookName win-head">向莎翁致敬</p>
              <span class="author">陆观澜</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1001671" class="pinkBg">
              <em class="num">08</em>
              <img alt="笼中心" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/43f9a8ca3d9992ac8ad9eab523a93400.png">
              <p class="bookName win-head">笼中心</p>
              <span class="author">亦慕</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1000534" class="pinkBg">
              <em class="num">09</em>
              <img alt="江山倾：青鸢皇后" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/467155531bb304ddfa2d71f5085daab0_450x590.jpg">
              <p class="bookName win-head">江山倾：青鸢皇后</p>
              <span class="author">云熙</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1007218" class="pinkBg">
              <em class="num">10</em>
              <img alt="朝暮词" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/748e2801789e3ebdfc5f52f8a062c365.jpg">
              <p class="bookName win-head">朝暮词</p>
              <span class="author">奕浅</span>
            </a>
          </li>
        
      </ol>
      <ol class="cut-rect rect-male" style="">
        
          <li>
            <a href="https://www.hotread.com/story/1006810" class="pinkBg">
              <em class="num">01</em>
              <img alt="至尊三店" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/6fcd5c01d15f3ab7ce1b5d478d90db19.jpg">
              <p class="bookName win-head">至尊三店</p>
              <span class="author">紫柠</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1001154" class="pinkBg">
              <em class="num">02</em>
              <img alt="龙魂星帝" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/c514fd58970d672c239561fd7444b952_450x590.jpg">
              <p class="bookName win-head">龙魂星帝</p>
              <span class="author">南宋馒头</span>
            </a>
          </li>
        
          <li class="on">
            <a href="https://www.hotread.com/story/1008085" class="pinkBg">
              <em class="num">03</em>
              <img alt="财迷王妃：金主大人别跑" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/f52235a6c86095693025aaae98a7496c.jpg">
              <p class="bookName win-head">财迷王妃：金主大人别跑</p>
              <span class="author">洛羽</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1001537" class="pinkBg">
              <em class="num">04</em>
              <img alt="绝世杀神" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/9b7abdf7394f3d342f8a1f3f33e99529.jpg">
              <p class="bookName win-head">绝世杀神</p>
              <span class="author">绝尘</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1001028" class="pinkBg">
              <em class="num">05</em>
              <img alt="苗疆巫蛊传奇" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/7b2d7b75dc31e75b29834114e065da72_500x647.jpg">
              <p class="bookName win-head">苗疆巫蛊传奇</p>
              <span class="author">萌心小手</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1008091" class="pinkBg">
              <em class="num">06</em>
              <img alt="医妃天下：彪悍太子妃" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/47fb9879b189ff370ca293f27e9b4bdd.jpg">
              <p class="bookName win-head">医妃天下：彪悍太子妃</p>
              <span class="author">司音</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1008112" class="pinkBg">
              <em class="num">07</em>
              <img alt="名门强婚，不乖娇妻哪里跑" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/b7a672b22be702af6d3f509530f56839.jpg">
              <p class="bookName win-head">名门强婚，不乖娇妻哪里跑</p>
              <span class="author">香宝</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1001313" class="pinkBg">
              <em class="num">08</em>
              <img alt="海贼之最强海神" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/ee28d7d019d8691ae295a98d5b55c109.jpg">
              <p class="bookName win-head">海贼之最强海神</p>
              <span class="author">木梵</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1007148" class="pinkBg">
              <em class="num">09</em>
              <img alt="雾夜赶尸人" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/747678016c74412e99d82c47ea13ebec.jpg">
              <p class="bookName win-head">雾夜赶尸人</p>
              <span class="author">蓝原柚子</span>
            </a>
          </li>
        
          <li>
            <a href="https://www.hotread.com/story/1008061" class="pinkBg">
              <em class="num">10</em>
              <img alt="圣瞳医生" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/a7a4ea8c2ef9dc90561e2dcd0165f201.jpg">
              <p class="bookName win-head">圣瞳医生</p>
              <span class="author">西山凌风</span>
            </a>
          </li>
        
      </ol>
    </div>
    <!--右边盒子-->
    <div class="wrap-rightbox">
      <style type="text/css">
        .my-swipe {
          height: 321px;
        }
      </style>
      <!--图片轮播-->
      <div class="picAuto">
        <div class="swiper-container my-swipe swiper-container-horizontal">
            <div class="swiper-wrapper" style="transform: translate3d(-659px, 0px, 0px); transition-duration: 0ms;">
              <div class="swiper-slide swiper-slide-prev" style="width: 659px;">
                <a style="display: block; height: 321px; background: rgba(0, 0, 0, 0) url(&quot;https://p1.duyao001.com/image/common/ec2b259187da6f48c5093e6817487085.jpg&quot;) no-repeat scroll 50% center / cover ;" href="https://www.hotread.com/story/1008191"></a>
              </div><div class="swiper-slide swiper-slide-active" style="width: 659px;">
                <a style="display: block; height: 321px; background: rgba(0, 0, 0, 0) url(&quot;https://p1.duyao001.com/image/common/e6a8eb0dcdd5d2df1ba09b96e335b243.jpg&quot;) no-repeat scroll 50% center / cover ;" href="https://www.hotread.com/story/1007821"></a>
              </div><div class="swiper-slide swiper-slide-next" style="width: 659px;">
                <a style="display: block; height: 321px; background: rgba(0, 0, 0, 0) url(&quot;https://p2.duyao001.com/image/common/c2c0bd847a1734f392fa05d8eff9e80f.jpg&quot;) no-repeat scroll 50% center / cover ;" href="https://www.hotread.com/story/1006899"></a>
              </div><div class="swiper-slide" style="width: 659px;">
                <a style="display: block; height: 321px; background: rgba(0, 0, 0, 0) url(&quot;https://p1.duyao001.com/image/common/ce24e703dca8166ae32b4c01cc29275f.jpg&quot;) no-repeat scroll 50% center / cover ;" href="https://www.hotread.com/story/1008058"></a>
              </div>
            </div>
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
        </div>
      </div>
      <!--推荐-->
      <div class="recom">
        <dl class="recom-rect">
          <dt class="recom-title win-head">
            <a href="https://www.hotread.com/story/1001195">【现代言情】真心话，不冒险：彼此花痴，彼此警惕，彼此扶持。</a>
          </dt>
                    <dd class="recom-list">
            <a href="https://www.hotread.com/story/1001467">【现代言情】末日重生之男神组个队呗：打怪升级，恋爱复仇两不误</a>
          </dd>
                    <dd class="recom-list">
            <a href="https://www.hotread.com/story/1000960">【仙侠奇幻】半扇孤阙歌：挚爱之人生生挖出了我骨，成一把扇子，送于他新妻。</a>
          </dd>
                    <dd class="recom-list">
            <a href="https://www.hotread.com/story/1000714">【仙侠奇幻】月下美人来：成亲当日夫君逃婚</a>
          </dd>
                  </dl>
        <dl class="recom-rect">
          <dt class="recom-title win-head">
            <a href="https://www.hotread.com/story/1007187">【玄幻仙侠】绝世帝神：大杀四方，杀到遍地尸骨，再无人敢称王称圣！</a>
          </dt>
                    <dd class="recom-list">
            <a href="https://www.hotread.com/story/1007231">【现代都市】中南海保镖：绝代高手，都市纵横，多少英雄骄子，为他俯首称臣，多少绝代佳人，为他芳心暗许。</a>
          </dd>
                    <dd class="recom-list">
            <a href="https://www.hotread.com/story/1007230">【现代都市】我的美女老板：女友刚背叛我，先后有三四个绝代美女，代替了她的角色。我的桃花运，没有征兆地开始了。</a>
          </dd>
                    <dd class="recom-list">
            <a href="https://www.hotread.com/story/1001717">【现代都市】你可真能作：整天忙着解决一群外星人的私人问题！</a>
          </dd>
                  </dl>
      </div>
    </div>
  </div>
  <div class="wrap-bottom">
    <!--下载-->
    <div class="downloadRect">
      <a href="https://www.hotread.com/download" target="_blank">
        <ul class="download-linkRect">
          <li class="linkRect-list">电脑下载IOS版</li>
          <li class="linkRect-list">电脑下载Andriod版</li>
        </ul>
        <div class="phone-log"></div>
        <ol class="twoCode">
          <li>扫描二维码下载客户端</li>
          <li><img data-original="//c.hotread.com/assets/images/qrcode.jpg" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/qrcode.jpg" width="112" height="113"></li>
        </ol>
      </a>
    </div>
    <!--公告-->
    <ul class="notice">
      
      <li class="notice-list">
        <a href="https://www.hotread.com/news/8">
          <span>资讯：</span>玄幻名家“骑着蜗牛去旅行”加盟火星小说
        </a>
      </li>
      
      <li class="notice-list">
        <a href="https://www.hotread.com/news/61">
          <span>公告：</span>2017年6月份月票榜获奖名单
        </a>
      </li>
      
      <li class="notice-list">
        <a href="https://www.hotread.com/news/63">
          <span>资讯：</span>现象级言情畅销书，最动人的爱情从这里开始——
        </a>
      </li>
      
      <li class="notice-list">
        <a href="https://www.hotread.com/news/65">
          <span>图集：</span>火星小说优质版权盘点
        </a>
      </li>
      
    </ul>
  </div>
</div>

<!--火力推荐-->
<div class="fire-recom" id="fireController">
  <div class="recom-main">
    <div class="recom-title">火力推荐<i></i></div>
    <ul class="girlRect">
              <li class="recom-list">
          <a href="https://www.hotread.com/story/1007218">
            <img data-original="https://p0.duyao001.com/image/common/748e2801789e3ebdfc5f52f8a062c365.jpg" alt="朝暮词" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/748e2801789e3ebdfc5f52f8a062c365.jpg" width="120" height="170">
            <div class="recom-detail">
              <h3 class="bookName win-head">朝暮词</h3>
              <em class="author">奕浅</em>
              <p class="recoSent">小编推荐：一场由恨而生的策划，一个不知能否兑现的承诺……</p>
              <span class="type">分类：古代言情</span>
              <span class="readBtn">立即阅读</span>
            </div>
          </a>
          <i></i>
        </li>
              <li class="recom-list">
          <a href="https://www.hotread.com/story/1007350">
            <img data-original="https://p1.duyao001.com/image/common/d6313d849cd47f4f59c122bc19128b17.png" alt="碾玉" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/d6313d849cd47f4f59c122bc19128b17.png" width="120" height="170">
            <div class="recom-detail">
              <h3 class="bookName win-head">碾玉</h3>
              <em class="author">云葭</em>
              <p class="recoSent">小编推荐：互怼，互掐，互宠，互虐！</p>
              <span class="type">分类：现代言情</span>
              <span class="readBtn">立即阅读</span>
            </div>
          </a>
          <i></i>
        </li>
              <li class="recom-list">
          <a href="https://www.hotread.com/story/1007059">
            <img data-original="https://p0.duyao001.com/image/common/4c0db4828730fe1a8c05f5fb0134d5ef.jpg" alt="星河璀璨" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/4c0db4828730fe1a8c05f5fb0134d5ef.jpg" width="120" height="170">
            <div class="recom-detail">
              <h3 class="bookName win-head">星河璀璨</h3>
              <em class="author">顾青衣</em>
              <p class="recoSent">小编推荐：人生如戏，全靠演技；演技不够，戏多来凑</p>
              <span class="type">分类：现代言情</span>
              <span class="readBtn">立即阅读</span>
            </div>
          </a>
          <i></i>
        </li>
          </ul>
    <ul class="boyRect">
            <li class="recom-list">
        <a href="https://www.hotread.com/story/1007122">
          <img data-original="https://p1.duyao001.com/image/common/876fa200800cd3668b1060854bc5c4a9.jpg" alt="言天神算" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/876fa200800cd3668b1060854bc5c4a9.jpg" width="120" height="170">
          <div class="recom-detail">
            <h3 class="bookName win-head">言天神算</h3>
            <em class="author">小浣熊</em>
            <p class="recoSent">小编推荐：算人不算天，算己不算魂。</p>
            <span class="type">分类：悬疑灵异</span>
            <span class="readBtn">立即阅读</span>
          </div>
        </a>
        <i></i>
      </li>
            <li class="recom-list">
        <a href="https://www.hotread.com/story/1007029">
          <img data-original="https://p0.duyao001.com/image/common/3974774c48b138d29382d11bca7e029d.jpg" alt="天行者" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/3974774c48b138d29382d11bca7e029d.jpg" width="120" height="170">
          <div class="recom-detail">
            <h3 class="bookName win-head">天行者</h3>
            <em class="author">断莫离</em>
            <p class="recoSent">小编推荐：都市兵王拥有时空宝典会变成啥样</p>
            <span class="type">分类：现代都市</span>
            <span class="readBtn">立即阅读</span>
          </div>
        </a>
        <i></i>
      </li>
            <li class="recom-list">
        <a href="https://www.hotread.com/story/1007051">
          <img data-original="https://p2.duyao001.com/image/common/2ac82bc2dd9efe1ba65d14450f5e503e.jpg" alt="绝望教室" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/2ac82bc2dd9efe1ba65d14450f5e503e.jpg" width="120" height="170">
          <div class="recom-detail">
            <h3 class="bookName win-head">绝望教室</h3>
            <em class="author">猫九九</em>
            <p class="recoSent">小编推荐：去世已久的同学邀请我们加入了一个QQ群...</p>
            <span class="type">分类：悬疑灵异</span>
            <span class="readBtn">立即阅读</span>
          </div>
        </a>
        <i></i>
      </li>
          </ul>
  </div>
</div>

<!--女频-->
<div class="column girl-column">
  <div class="column-title"><i></i><h2 class="channel-name">女频</h2><a class="go" href="https://www.hotread.com/girl">进入女频频道</a></div>
  <div class="banner">
          <a href="https://www.hotread.com/story/1000582">
        <img data-original="https://p2.duyao001.com/image/common/5272dd7b7e57cb41bc4f64b76ba52b53.jpg" alt="" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/5272dd7b7e57cb41bc4f64b76ba52b53.jpg" width="1000" height="109">
      </a>
      </div>
  <div class="column-main">
    <ul class="column-bookRect">
            <li class="bookRect-list">
        <div class="title">
          现代言情
          <a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1008144" class="bookLink">
          <img data-original="https://p1.duyao001.com/image/common/2c37e8e85b4b571a92efb3b87b2bab68.jpg" alt="佳人有曰" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/2c37e8e85b4b571a92efb3b87b2bab68.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">佳人有曰</h3>
            <em class="author">孟子曰</em>
            <p class="intro">简介：医院里的故事，酒精与荷尔蒙齐飞。别小看她秦曰是个小小实习生，姐的性格跋扈着；别以
为他萧疏是个斯文男医生，哥的脾气你受不了。于是“姐”和“哥”的龙争凤斗开始了……-----------------------------完结
文：《死在塞拉利昂》《南方以南，太阳已西》《尾声》《无处可逃》《美人，我欲渡你成妻》</p>
            <span class="sent">小编推荐语：医院里的故事，酒精与荷尔蒙齐飞。</span>
          </div>
        </a>
      </li>
            <li class="bookRect-list">
        <div class="title">
          古代言情
          <a href="https://www.hotread.com/library/2-all-all-1-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1008166" class="bookLink">
          <img data-original="https://p0.duyao001.com/image/common/9ef37ffb57991273ca7b0c5ff210711a.jpg" alt="每天都在送人头" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/9ef37ffb57991273ca7b0c5ff210711a.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">每天都在送人头</h3>
            <em class="author">唐多令</em>
            <p class="intro">简介：太平盛世，百姓安乐，却屡出妖魔。林广白对新上任的苏州府按察使道：“听说女人不能在外抛头露面？”手推三纲五常，脚踩三从四德。林广白日常降妖除魔送一送项上人头，教会天下男人什么叫做拳头里面出道理。</p>
            <span class="sent">小编推荐语：降妖除魔送一送项上人头，教会天下男人什么叫做拳头里面出道理</span>
          </div>
        </a>
      </li>
            <li class="bookRect-list">
        <div class="title">
          仙侠奇幻
          <a href="https://www.hotread.com/library/2-all-all-2-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1000960" class="bookLink">
          <img data-original="https://p2.duyao001.com/image/common/b607254f404c880d1232193e38890a1f.jpg" alt="半扇孤阙歌" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/b607254f404c880d1232193e38890a1f.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">半扇孤阙歌</h3>
            <em class="author">尘蔻</em>
            <p class="intro">简介：求月票求推荐票各种求，强强。女主【反派】，多男主文。尘蔻火星QQ
群：608403031，限制开放中。——牧画扇，人皆言你不跪天不跪地不跪神不跪人！今天，你是站着十万人陪你死，还是跪下来自己死！”——很多年前，
世人谓我有铮铮铁骨，不跪天不跪地不跪神不跪人，乃举世英雄。我以为我会血冷于青松之下，生平侠事写满墓碑，受后世百代之尊崇。——然。我挚爱之人生生挖
出了我骨，成一把扇子，送于他新妻。很多年后，有人提剑置于我颈：“卿本英雄，奈何为祸！？”我指着跪于归雁城前那尊我的石像，她还跪在十万人的冤魂之
上，受万人唾骂，笑问他：“我不为祸，如何成全你们这些英雄？”———尘蔻火星QQ群：608403031，限制开放。群内有私享福利，有福利有福利有福
利~微博和QQ微信都可以自动登录不用注册，每天签到就可以免费看文。谢谢微博读者【beown囚徒】赠送的墓幺幺插画，已做封面，版权归属本书，请勿盗
用，谢谢。反派文，女主是【反派】。虐。强强。苏。多男主文。</p>
            <span class="sent">小编推荐语：挚爱之人生生挖出了我骨，成一把扇子，送于他新妻。</span>
          </div>
        </a>
      </li>
            <li class="bookRect-list">
        <div class="title">
          纯爱作品
          <a href="https://www.hotread.com/library/2-all-all-3-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1001526" class="bookLink">
          <img data-original="https://p1.duyao001.com/image/common/6492d4d396bdfdb27b428b6df24a1e4e.jpg" alt="怪盗鬼手S" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/6492d4d396bdfdb27b428b6df24a1e4e.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">怪盗鬼手S</h3>
            <em class="author">四叠半宅</em>
            <p class="intro">简介：他是国际刑警组织红色通缉令上的头号人物，享誉国际的神偷大盗。没有人知道他是谁，没
有人清楚他在哪，也没有人能够抓到他，他的代号是鬼手S。通天大盗却成为了国际刑警之友，有事没事就开始帮着警方破案？巴黎、清迈、北京、上海、西雅图、
伦敦……不管谷少清到哪里，都会得到鬼手S的协助。明明是应该抓捕的对象，见到鬼手S满身鲜血，为什么谷少清的心会有些
疼？-----------------------------------------------------------------------------------
喜欢我你就推荐我，有话说你就评论我，都不干你就默默看~另一篇文，《现世阴阳师》已完结，搜索求疼爱~微博ID：四叠半宅，欢迎调戏~</p>
            <span class="sent">小编推荐语：面瘫国际刑警VS多变神偷大盗</span>
          </div>
        </a>
      </li>
          </ul>
    <div class="rangkingBox" style="width:208px;float:right;">
      <div id="rank6261" data-name="rank.ejs">
  
  <div class="ranking" style="padding-top: 1px;">
    <div class="rankTitle">
      火力榜
      <span>
        <em class="on">周</em><em>月</em><em>总</em>
      </span>
    </div>
    <dl style="height: 314px;">
      <dd class="on" style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1000647">
          <em class="num">01</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/7583939a441b9651374ac258b7584dc6.jpg" alt="什么诡">
          <span class="bookName">什么诡</span>
          <span class="author">妍笑</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1007184">
          <em class="num">02</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/1655d6771ee33df0cecf5e6bc8b91b0e.jpg" alt="对不起，我想要你">
          <span class="bookName">对不起，我想要你</span>
          <span class="author">陌寻桑</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1006901">
          <em class="num">03</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/304d014403cc84dc622c4d6b63abd54d.jpg" alt="遇见">
          <span class="bookName">遇见</span>
          <span class="author">惘惘</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1000960">
          <em class="num">04</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/b607254f404c880d1232193e38890a1f.jpg" alt="半扇孤阙歌">
          <span class="bookName">半扇孤阙歌</span>
          <span class="author">尘蔻</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1000446">
          <em class="num">05</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/7b31e75e20e6968f726c241f94d3f323.png" alt="弃妃逆袭：王爷在上妃在下">
          <span class="bookName">弃妃逆袭：王爷在上妃在下</span>
          <span class="author">纳蓝静语</span>
        </a>
      </dd>
      <dt class="more"><a href="https://www.hotread.com/chart/0-1-2-1.html">查看更多</a></dt>
    </dl>
  </div>
  
<script>
  ;(function () {
    vueReady.add(function () {
      new Vue({
        el: '#rank6261',
        data: {
          localed: false
        }
      });
    });
  })();
</script>
</div>
      <div id="rank6263" data-name="rank.ejs">
  
  <div class="ranking" style="padding-top: 7px;">
    <div class="rankTitle">
      推荐榜
      <span>
        <em>周</em><em class="on">月</em><em>总</em>
      </span>
    </div>
    <dl style="height: 314px;">
      <dd class="on" style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1001228">
          <em class="num">01</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/3791c60de353a565cf2dba7318774d25.jpg" alt="异世剑缘">
          <span class="bookName">异世剑缘</span>
          <span class="author">慕斯姐姐</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1001648">
          <em class="num">02</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/25d0429e9ff481f5d8de8790461a92bb.jpg" alt="重生大唐之神马公主">
          <span class="bookName">重生大唐之神马公主</span>
          <span class="author">慕斯姐姐</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1000960">
          <em class="num">03</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/b607254f404c880d1232193e38890a1f.jpg" alt="半扇孤阙歌">
          <span class="bookName">半扇孤阙歌</span>
          <span class="author">尘蔻</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1001077">
          <em class="num">04</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/86b42823b701aac0536a422a8260adb9_750x1061.jpg" alt="古蜀国密码">
          <span class="bookName">古蜀国密码</span>
          <span class="author">月斜影清</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg girlBg" href="https://www.hotread.com/story/1007059">
          <em class="num">05</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/4c0db4828730fe1a8c05f5fb0134d5ef.jpg" alt="星河璀璨">
          <span class="bookName">星河璀璨</span>
          <span class="author">顾青衣</span>
        </a>
      </dd>
      <dt class="more"><a href="https://www.hotread.com/chart/0-3-3-1.html">查看更多</a></dt>
    </dl>
  </div>
  
<script>
  ;(function () {
    vueReady.add(function () {
      new Vue({
        el: '#rank6263',
        data: {
          localed: false
        }
      });
    });
  })();
</script>
</div>
    </div>
  </div>
</div>

<!--男频-->
<div class="column boy-column">
  <div class="column-title"><i></i><h2 class="channel-name">男频</h2><a class="go" href="https://www.hotread.com/boy">进入男频频道</a></div>
  <div class="banner">
          <a href="https://www.hotread.com/story/1008072">
        <img data-original="https://p2.duyao001.com/image/common/91de6b4c1c16beb425d9a05468562052.jpg" alt="" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/91de6b4c1c16beb425d9a05468562052.jpg" width="1000" height="109">
      </a>
      </div>
  <div class="column-main">
    <ul class="column-bookRect">
            <li class="bookRect-list">
        <div class="title">
          现代都市
          <a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1000423" class="bookLink">
          <img data-original="https://p1.duyao001.com/image/article/d2d93bfd3e8fe00296bedcf46ee44c2e_450x590.jpg" alt="https://p1.duyao001.com/image/article/d2d93bfd3e8fe00296bedcf46ee44c2e_450x590.jpg" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/d2d93bfd3e8fe00296bedcf46ee44c2e_450x590.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">都市至尊神眼</h3>
            <em class="author">七八道</em>
            <p class="intro">简介：平凡少年左眼异变，赌石鉴宝，美女环绕，笑傲都市。</p>
            <span class="sent">小编推荐语：平凡少年左眼异变，赌石鉴宝，美女环绕，笑傲都市。</span>
          </div>
        </a>
      </li>
            <li class="bookRect-list">
        <div class="title">
          悬疑灵异
          <a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1007357" class="bookLink">
          <img data-original="https://p2.duyao001.com/image/common/8c5b4fbb4e5f3b89cedf6e3263749c4e.jpg" alt="https://p2.duyao001.com/image/common/8c5b4fbb4e5f3b89cedf6e3263749c4e.jpg" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/8c5b4fbb4e5f3b89cedf6e3263749c4e.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">死亡巴士</h3>
            <em class="author">刘默</em>
            <p class="intro">简介：因为好奇心，我和同学们进入了一辆无法逃离的神秘巴士，在这里你只能按照巴士的指示去执行一个个灵异任务，否则就会死亡！ps：每天两更保底，打赏就爆更。</p>
            <span class="sent">小编推荐语：最恐惧的不是巴士，而是人心……</span>
          </div>
        </a>
      </li>
            <li class="bookRect-list">
        <div class="title">
          玄幻仙侠
          <a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1000970" class="bookLink">
          <img data-original="https://p0.duyao001.com/image/article/5230c46e553e2351a073f0f531985c13_450x590.jpg" alt="https://p0.duyao001.com/image/article/5230c46e553e2351a073f0f531985c13_450x590.jpg" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/5230c46e553e2351a073f0f531985c13_450x590.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">最强弃夫</h3>
            <em class="author">帅气的大叔</em>
            <p class="intro">简介：顶级炼药师重生为废材少爷苏乾，遭遇新婚妻子强行毁亲之奇耻大辱，他不得不逆势崛起……且看弃夫苏乾如何演绎传奇一生……（求票求收藏啊诸位兄弟姐妹）</p>
            <span class="sent">小编推荐语：顶级炼药师重生，遭遇未婚妻上门毁亲</span>
          </div>
        </a>
      </li>
            <li class="bookRect-list">
        <div class="title">
          历史军事
          <a href="https://www.hotread.com/library/1-all-all-3-all-all-1-all.html" class="more">更多</a>
        </div>
        <a href="https://www.hotread.com/story/1006868" class="bookLink">
          <img data-original="https://p2.duyao001.com/image/common/1aa0fba9bf6605121715457eab00b5eb.jpg" alt="https://p2.duyao001.com/image/common/1aa0fba9bf6605121715457eab00b5eb.jpg" class="loaded" src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/1aa0fba9bf6605121715457eab00b5eb.jpg" width="145" height="205">
          <div class="details">
            <h3 class="bookName">代号：胜利</h3>
            <em class="author">不语</em>
            <p class="intro">简介：天下兴亡，匹夫有责，富家子弟路小飞成为双面间谍，开始了自己的传奇人生</p>
            <span class="sent">小编推荐语：富家子弟路小飞成为双面间谍，开始了自己的传奇人生</span>
          </div>
        </a>
      </li>
          </ul>
    <div class="rangkingBox" style="width:208px;float:right;">
      <div id="rank6161" data-name="rank.ejs">
  
  <div class="ranking" style="padding-top: 1px;">
    <div class="rankTitle">
      火力榜
      <span>
        <em class="on">周</em><em>月</em><em>总</em>
      </span>
    </div>
    <dl style="height: 314px;">
      <dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000542">
          <em class="num">01</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/2e2e1665bb5f0db0a1d5c8f261f552a1_450x590.jpg" alt="阴间商人">
          <span class="bookName">阴间商人</span>
          <span class="author">道门老九</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);" class="on">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1006881">
          <em class="num">02</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/50bfabbbf6b3e77b1ef78d91a5877819.jpg" alt="不灭的男神">
          <span class="bookName">不灭的男神</span>
          <span class="author">观江汪、</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000474">
          <em class="num">03</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/639a5803f531ea0a7f02bccd7813ac72_450x590.jpg" alt="女总裁的贴身强兵">
          <span class="bookName">女总裁的贴身强兵</span>
          <span class="author">于淮</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000525">
          <em class="num">04</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/6e72d2ac3d74fd1c84fab1f71763b277_450x590.jpg" alt="元始不灭诀">
          <span class="bookName">元始不灭诀</span>
          <span class="author">骑着蜗牛去旅行</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1007304">
          <em class="num">05</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/20c700cbe6f9bfa4041b2f8bd2adfdb9.jpg" alt="我的极品女上司">
          <span class="bookName">我的极品女上司</span>
          <span class="author">我是一名管教</span>
        </a>
      </dd>
      <dt class="more"><a href="https://www.hotread.com/chart/1-1-2-1.html">查看更多</a></dt>
    </dl>
  </div>
  
<script>
  ;(function () {
    vueReady.add(function () {
      new Vue({
        el: '#rank6161',
        data: {
          localed: false
        }
      });
    });
  })();
</script>
</div>
      <div id="rank6163" data-name="rank.ejs">
  
  <div class="ranking" style="padding-top: 7px;">
    <div class="rankTitle">
      推荐榜
      <span>
        <em>周</em><em class="on">月</em><em>总</em>
      </span>
    </div>
    <dl style="height: 314px;">
      <dd style="border-bottom: 1px solid rgb(230, 229, 229);" class="on">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000542">
          <em class="num">01</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/2e2e1665bb5f0db0a1d5c8f261f552a1_450x590.jpg" alt="阴间商人">
          <span class="bookName">阴间商人</span>
          <span class="author">道门老九</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1006881">
          <em class="num">02</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/50bfabbbf6b3e77b1ef78d91a5877819.jpg" alt="不灭的男神">
          <span class="bookName">不灭的男神</span>
          <span class="author">观江汪、</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000474">
          <em class="num">03</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/639a5803f531ea0a7f02bccd7813ac72_450x590.jpg" alt="女总裁的贴身强兵">
          <span class="bookName">女总裁的贴身强兵</span>
          <span class="author">于淮</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000532">
          <em class="num">04</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/95fcf0d38268f5925d9bd35216cb98fc_450x590.jpg" alt="空姐前规则">
          <span class="bookName">空姐前规则</span>
          <span class="author">雪豹</span>
        </a>
      </dd><dd style="border-bottom: 1px solid rgb(230, 229, 229);">
        <a class="rectBg boyBg" href="https://www.hotread.com/story/1000970">
          <em class="num">05</em>
          <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/5230c46e553e2351a073f0f531985c13_450x590.jpg" alt="最强弃夫">
          <span class="bookName">最强弃夫</span>
          <span class="author">帅气的大叔</span>
        </a>
      </dd>
      <dt class="more"><a href="https://www.hotread.com/chart/1-3-3-1.html">查看更多</a></dt>
    </dl>
  </div>
  
<script>
  ;(function () {
    vueReady.add(function () {
      new Vue({
        el: '#rank6163',
        data: {
          localed: false
        }
      });
    });
  })();
</script>
</div>
    </div>
  </div>
</div>

<!--更新榜-->
<div class="update" id="updateController">
  <div class="update-title"><i></i>更新榜</div>
  <ol class="update-cutBtn">
    <li class="cutBtn-list on">最新免费小说更新<p></p></li>
    <li class="cutBtn-list">最新VIP小说更新<p></p></li>
  </ol>
  
  
  <ul class="bookRect">
    <li class="list-title"><span class="num">序号</span><span class="type">分类</span><span class="bookName">小说名称</span><span class="chapter">更新章节</span><span class="author">作者</span><span class="time">最新更新时间</span></li>
    <li>
      <span class="num">01</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001541">鉴美医仙</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001541/1000664110">第四百七十九章 对局</a></span>
      <span class="author">余生凉度</span>
      <span class="time">2017-08-19 14:05</span>
    </li><li>
      <span class="num">02</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008254">最强卧底系统</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008254/1000664079">第八章 考核开始</a></span>
      <span class="author">血炼</span>
      <span class="time">2017-08-19 14:02</span>
    </li><li>
      <span class="num">03</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007337">天价契约：腹黑总裁求放过</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007337/1000663778">第56章  拖延订婚的背后</a></span>
      <span class="author">朱良玉</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">04</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001045">傲龙记</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001045/1000664088">第二十七节	一触即发</a></span>
      <span class="author">朔玉</span>
      <span class="time">2017-08-19 13:42</span>
    </li><li>
      <span class="num">05</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008168">你是我的白月光</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008168/1000664063">第九十四章往事曾经</a></span>
      <span class="author">白月光</span>
      <span class="time">2017-08-19 13:17</span>
    </li><li>
      <span class="num">06</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007310">顶级农民在乡野</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007310/1000664067">第五十八章 尴尬了</a></span>
      <span class="author">灵魂</span>
      <span class="time">2017-08-19 13:13</span>
    </li><li>
      <span class="num">07</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008167">大小姐的贴身男秘</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008167/1000664056">第三十三章 纠结的往事</a></span>
      <span class="author">小谢</span>
      <span class="time">2017-08-19 13:00</span>
    </li><li>
      <span class="num">08</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001636">最强升级系统</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001636/1000648328">第一百六十七章 跟我走</a></span>
      <span class="author">雨过天青</span>
      <span class="time">2017-08-19 13:00</span>
    </li><li>
      <span class="num">09</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-1-all-all-1-all.html">[古代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008146">庶女策，妃常倾城</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008146/1000664054">第七章 莫非还要本王跑去凤阳阁要人？</a></span>
      <span class="author">大灰狼</span>
      <span class="time">2017-08-19 12:57</span>
    </li><li>
      <span class="num">10</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001070">九州聊斋志</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001070/1000664048">第二百六十五章   如此便好</a></span>
      <span class="author">醉梦痕</span>
      <span class="time">2017-08-19 12:41</span>
    </li><li>
      <span class="num">11</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008112">名门强婚，不乖娇妻哪里跑</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008112/1000663698">第88章 暧昧</a></span>
      <span class="author">香宝</span>
      <span class="time">2017-08-19 12:19</span>
    </li><li>
      <span class="num">12</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008250">怨灵微信</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008250/1000663494">第七章 黑斑</a></span>
      <span class="author">玄小奘</span>
      <span class="time">2017-08-19 12:00</span>
    </li><li>
      <span class="num">13</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007333">缓缓而归矣</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007333/1000658565">第四十四章 华部长</a></span>
      <span class="author">尧殊</span>
      <span class="time">2017-08-19 12:00</span>
    </li><li>
      <span class="num">14</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008252">婚走爱至</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008252/1000661975">第８章　暧昧举动</a></span>
      <span class="author">桃子</span>
      <span class="time">2017-08-19 12:00</span>
    </li><li>
      <span class="num">15</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007187">绝世帝神</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007187/1000656595">第八十五章、我为诱饵</a></span>
      <span class="author">橐驼子</span>
      <span class="time">2017-08-19 12:00</span>
    </li><li>
      <span class="num">16</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008071">总裁的小逃妻</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008071/1000664018">第五十二章 欧阳威廉的出现</a></span>
      <span class="author">水善</span>
      <span class="time">2017-08-19 11:57</span>
    </li><li>
      <span class="num">17</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-1-all-all-1-all.html">[古代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008159">商女容玉传</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008159/1000664013">第十九章：相看两厌</a></span>
      <span class="author">西门弦月</span>
      <span class="time">2017-08-19 11:46</span>
    </li><li>
      <span class="num">18</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007372">邪恶总裁请放手</a></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007372/1000664011">第二十八章  真相大白</a></span>
      <span class="author">灵总裁</span>
      <span class="time">2017-08-19 11:40</span>
    </li>
  </ul>
  <ul class="bookRect" style="display: none;">
    <li class="list-title"><span class="num">序号</span><span class="type">分类</span><span class="bookName">小说名称</span><span class="chapter">更新章节</span><span class="author">作者</span><span class="time">最新更新时间</span></li>
    <li>
      <span class="num">01</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007294">超级进化</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007294/1000656723">第220章 最亮的星(下)</a></span>
      <span class="author">明月星辰</span>
      <span class="time">2017-08-19 14:16</span>
    </li><li>
      <span class="num">02</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008126">亡者游戏</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008126/1000664121">第七十九章陈思思爷爷走了</a></span>
      <span class="author">九尊猴子</span>
      <span class="time">2017-08-19 14:13</span>
    </li><li>
      <span class="num">03</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008171">约个冥妻娶回家</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008171/1000664073">第五十三章   再见于老头</a></span>
      <span class="author">凌渡</span>
      <span class="time">2017-08-19 14:01</span>
    </li><li>
      <span class="num">04</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001410">渡灵人之天师钟馗</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001410/1000657359">第513章</a></span>
      <span class="author">曲殇</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">05</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001103">超品神医</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001103/1000663841">第五百二十七章 帕金森病</a></span>
      <span class="author">天堂峰</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">06</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007190">尸恋</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007190/1000663204">第一百八十五章 古装男</a></span>
      <span class="author">苏花花</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">07</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001396">无敌神帝</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001396/1000660597">第六百四十一章：调教调教</a></span>
      <span class="author">大帝</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">08</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007298">燃血</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007298/1000660958">第89章  家</a></span>
      <span class="author">林浩</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">09</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-2-all-all-1-all.html">[玄幻仙侠]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1006930">荒战</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1006930/1000663896">第三百零二章  曼谷</a></span>
      <span class="author">会飞的鱼</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">10</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007191">威胁的爱</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007191/1000659803">第251章  有希望在一起</a></span>
      <span class="author">海蔚蓝</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">11</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1000541">预谋爱情</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1000541/1000654141">Chapter 828 要不要吃这个毒馅饼</a></span>
      <span class="author">洛兰溪</span>
      <span class="time">2017-08-19 14:00</span>
    </li><li>
      <span class="num">12</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008170">第十三个小时</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008170/1000664069">第五十四章    审问</a></span>
      <span class="author">寂夜</span>
      <span class="time">2017-08-19 13:46</span>
    </li><li>
      <span class="num">13</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-1-all-all-1-all.html">[古代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007150">长恨宫</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007150/1000664081">048：绝望和希望</a></span>
      <span class="author">素衣凝香</span>
      <span class="time">2017-08-19 13:34</span>
    </li><li>
      <span class="num">14</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1008169">夜色下的代驾女郎</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1008169/1000664065">第五十二章 顾雨的光荣史</a></span>
      <span class="author">流光</span>
      <span class="time">2017-08-19 13:30</span>
    </li><li>
      <span class="num">15</span>
      <span class="type"><a href="https://www.hotread.com/library/2-all-all-0-all-all-1-all.html">[现代言情]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1006816">驯妻记</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1006816/1000664076">第六十七章  我喜欢这里</a></span>
      <span class="author">童馨儿</span>
      <span class="time">2017-08-19 13:28</span>
    </li><li>
      <span class="num">16</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-1-all-all-1-all.html">[悬疑灵异]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1001290">妖妻缠上我</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1001290/1000664070">第585章 阳神境界</a></span>
      <span class="author">画舫湖上游</span>
      <span class="time">2017-08-19 13:14</span>
    </li><li>
      <span class="num">17</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1007285">女神的隐身高手</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1007285/1000664060">第八十四章、废了两条腿</a></span>
      <span class="author">禅下听风</span>
      <span class="time">2017-08-19 13:05</span>
    </li><li>
      <span class="num">18</span>
      <span class="type"><a href="https://www.hotread.com/library/1-all-all-0-all-all-1-all.html">[现代都市]</a></span>
      <span class="bookName"><a href="https://www.hotread.com/story/1006970">极品赘婿</a><i class="vip-logo"></i></span>
      <span class="chapter"><a href="https://www.hotread.com/story/1006970/1000664052">第一百八十五章 酒壮怂人胆</a></span>
      <span class="author">从来从往</span>
      <span class="time">2017-08-19 13:00</span>
    </li>
  </ul>
  <p class="more-book"><a href="https://www.hotread.com/library/2-0-all-all-all-all-1-all.html">更多优秀小说</a></p>
  
</div>

<template id="upgradeList">
  <ul v-show="active===0" class="bookRect">
    <li class="list-title"><span class="num">序号</span><span class="type">分类</span><span class="bookName">小说名称</span><span class="chapter">更新章节</span><span class="author">作者</span><span class="time">最新更新时间</span></li>
    <li v-for="(index, item) in free">
      <span class="num">{{ index | ten }}</span>
      <span class="type"><a :href="'//www.hotread.com/library/'+ item.story.channel +'-all-all-'+ item.story.typeNum +'-all-all-1-all.html'">[{{ item.story.type }}]</a></span>
      <span class="bookName"><a :href="'//www.hotread.com/story/' + item.story.id">{{ item.story.name }}</a></span>
      <span class="chapter"><a :href="'//www.hotread.com/story/' + item.story.id + '/' + item.story.lastChapterId">{{ item.story.latestChapter }}</a></span>
      <span class="author">{{ item.story.author }}</span>
      <span class="time">{{ item.story.latestChapterTime | datetime }}</span>
    </li>
  </ul>
  <ul v-show="active===1" class="bookRect">
    <li class="list-title"><span class="num">序号</span><span class="type">分类</span><span class="bookName">小说名称</span><span class="chapter">更新章节</span><span class="author">作者</span><span class="time">最新更新时间</span></li>
    <li v-for="(index, item) in vip">
      <span class="num">{{ index | ten }}</span>
      <span class="type"><a :href="'//www.hotread.com/library/'+ item.story.channel +'-all-all-'+ item.story.typeNum +'-all-all-1-all.html'">[{{ item.story.type }}]</a></span>
      <span class="bookName"><a :href="'//www.hotread.com/story/' + item.story.id">{{ item.story.name }}</a><i class="vip-logo"></i></span>
      <span class="chapter"><a :href="'//www.hotread.com/story/' + item.story.id + '/' + item.story.lastChapterId">{{ item.story.latestChapter }}</a></span>
      <span class="author">{{ item.story.author }}</span>
      <span class="time">{{ item.story.latestChapterTime | datetime }}</span>
    </li>
  </ul>
</template>

<script src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/vue.js"></script>
<script>!function(e){function n(){}function t(e,n){return 
function(){e.apply(n,arguments)}}function o(e){if("object"!=typeof 
this)throw new TypeError("Promises must be constructed via 
new");if("function"!=typeof e)throw new TypeError("not a 
function");this._state=0,this._handled=!1,this._value=void 
0,this._deferreds=[],s(e,this)}function 
i(e,n){for(;3===e._state;)e=e._value;return 0===e._state?void 
e._deferreds.push(n):(e._handled=!0,void o._immediateFn(function(){var 
t=1===e._state?n.onFulfilled:n.onRejected;if(null===t)return 
void(1===e._state?r:u)(n.promise,e._value);var 
o;try{o=t(e._value)}catch(i){return void 
u(n.promise,i)}r(n.promise,o)}))}function r(e,n){try{if(n===e)throw new 
TypeError("A promise cannot be resolved with 
itself.");if(n&&("object"==typeof n||"function"==typeof n)){var 
i=n.then;if(n instanceof o)return e._state=3,e._value=n,void 
f(e);if("function"==typeof i)return void 
s(t(i,n),e)}e._state=1,e._value=n,f(e)}catch(r){u(e,r)}}function 
u(e,n){e._state=2,e._value=n,f(e)}function 
f(e){2===e._state&&0===e._deferreds.length&&o._immediateFn(function(){e._handled||o._unhandledRejectionFn(e._value)});for(var
 
n=0,t=e._deferreds.length;n<t;n++)i(e,e._deferreds[n]);e._deferreds=null}function
 c(e,n,t){this.onFulfilled="function"==typeof 
e?e:null,this.onRejected="function"==typeof 
n?n:null,this.promise=t}function s(e,n){var 
t=!1;try{e(function(e){t||(t=!0,r(n,e))},function(e){t||(t=!0,u(n,e))})}catch(o){if(t)return;t=!0,u(n,o)}}var
 a=setTimeout;o.prototype["catch"]=function(e){return 
this.then(null,e)},o.prototype.then=function(e,t){var o=new 
this.constructor(n);return i(this,new c(e,t,o)),o},o.all=function(e){var
 n=Array.prototype.slice.call(e);return new o(function(e,t){function 
o(r,u){try{if(u&&("object"==typeof u||"function"==typeof u)){var 
f=u.then;if("function"==typeof f)return void 
f.call(u,function(e){o(r,e)},t)}n[r]=u,0===--i&&e(n)}catch(c){t(c)}}if(0===n.length)return
 e([]);for(var 
i=n.length,r=0;r<n.length;r++)o(r,n[r])})},o.resolve=function(e){return 
e&&"object"==typeof e&&e.constructor===o?e:new 
o(function(n){n(e)})},o.reject=function(e){return new 
o(function(n,t){t(e)})},o.race=function(e){return new 
o(function(n,t){for(var 
o=0,i=e.length;o<i;o++)e[o].then(n,t)})},o._immediateFn="function"==typeof
 
setImmediate&&function(e){setImmediate(e)}||function(e){a(e,0)},o._unhandledRejectionFn=function(e){"undefined"!=typeof
 console&&console&&console.warn("Possible Unhandled Promise 
Rejection:",e)},o._setImmediateFn=function(e){o._immediateFn=e},o._setUnhandledRejectionFn=function(e){o._unhandledRejectionFn=e},"undefined"!=typeof
 
module&&module.exports?module.exports=o:e.Promise||(e.Promise=o)}(this);</script>
<script>!function(n,e){"function"==typeof 
define&&define.amd?define(e):"object"==typeof 
exports?module.exports=e():n.NProgress=e()}(this,function(){function 
n(n,e,t){return e>n?e:n>t?t:n}function e(n){return 100*(-1+n)}function 
t(n,t,r){var i;return 
i="translate3d"===c.positionUsing?{transform:"translate3d("+e(n)+"%,0,0)"}:"translate"===c.positionUsing?{transform:"translate("+e(n)+"%,0)"}:{"margin-left":e(n)+"%"},i.transition="all
 "+t+"ms "+r,i}function r(n,e){var t="string"==typeof n?n:o(n);return 
t.indexOf(" "+e+" ")>=0}function i(n,e){var 
t=o(n),i=t+e;r(t,e)||(n.className=i.substring(1))}function s(n,e){var 
t,i=o(n);r(n,e)&&(t=i.replace(" "+e+" "," 
"),n.className=t.substring(1,t.length-1))}function o(n){return(" 
"+(n.className||"")+" ").replace(/\s+/gi," ")}function 
a(n){n&&n.parentNode&&n.parentNode.removeChild(n)}var 
u={};u.version="0.2.0";var 
c=u.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div
 class="bar" role="bar"><div 
class="peg"></div></div>'};u.configure=function(n){var e,t;for(e in 
n)t=n[e],void 0!==t&&n.hasOwnProperty(e)&&(c[e]=t);return 
this},u.status=null,u.set=function(e){var 
r=u.isStarted();e=n(e,c.minimum,1),u.status=1===e?null:e;var 
i=u.render(!r),s=i.querySelector(c.barSelector),o=c.speed,a=c.easing;return
 
i.offsetWidth,l(function(n){""===c.positionUsing&&(c.positionUsing=u.getPositioningCSS()),f(s,t(e,o,a)),1===e?(f(i,{transition:"none",opacity:1}),i.offsetWidth,setTimeout(function(){f(i,{transition:"all
 "+o+"ms 
linear",opacity:0}),setTimeout(function(){u.remove(),n()},o)},o)):setTimeout(n,o)}),this},u.isStarted=function(){return"number"==typeof
 u.status},u.start=function(){u.status||u.set(0);var 
n=function(){setTimeout(function(){u.status&&(u.trickle(),n())},c.trickleSpeed)};return
 c.trickle&&n(),this},u.done=function(n){return 
n||u.status?u.inc(.3+.5*Math.random()).set(1):this},u.inc=function(e){var
 t=u.status;return t?("number"!=typeof 
e&&(e=(1-t)*n(Math.random()*t,.1,.95)),t=n(t+e,0,.994),u.set(t)):u.start()},u.trickle=function(){return
 u.inc(Math.random()*c.trickleRate)},function(){var 
n=0,e=0;u.promise=function(t){return 
t&&"resolved"!==t.state()?(0===e&&u.start(),n++,e++,t.always(function(){e--,0===e?(n=0,u.done()):u.set((n-e)/n)}),this):this}}(),u.render=function(n){if(u.isRendered())return
 
document.getElementById("nprogress");i(document.documentElement,"nprogress-busy");var
 
t=document.createElement("div");t.id="nprogress",t.innerHTML=c.template;var
 
r,s=t.querySelector(c.barSelector),o=n?"-100":e(u.status||0),l=document.querySelector(c.parent);return
 f(s,{transition:"all 0 
linear",transform:"translate3d("+o+"%,0,0)"}),c.showSpinner||(r=t.querySelector(c.spinnerSelector),r&&a(r)),l!=document.body&&i(l,"nprogress-custom-parent"),l.appendChild(t),t},u.remove=function(){s(document.documentElement,"nprogress-busy"),s(document.querySelector(c.parent),"nprogress-custom-parent");var
 
n=document.getElementById("nprogress");n&&a(n)},u.isRendered=function(){return!!document.getElementById("nprogress")},u.getPositioningCSS=function(){var
 n=document.body.style,e="WebkitTransform"in n?"Webkit":"MozTransform"in
 n?"Moz":"msTransform"in n?"ms":"OTransform"in n?"O":"";return 
e+"Perspective"in n?"translate3d":e+"Transform"in 
n?"translate":"margin"};var l=function(){function n(){var 
t=e.shift();t&&t(n)}var e=[];return 
function(t){e.push(t),1==e.length&&n()}}(),f=function(){function 
n(n){return 
n.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,function(n,e){return 
e.toUpperCase()})}function e(n){var e=document.body.style;if(n in 
e)return n;for(var 
t,r=i.length,s=n.charAt(0).toUpperCase()+n.slice(1);r--;)if(t=i[r]+s,t 
in e)return t;return n}function t(t){return 
t=n(t),s[t]||(s[t]=e(t))}function r(n,e,r){e=t(e),n.style[e]=r}var 
i=["Webkit","O","Moz","ms"],s={};return function(n,e){var 
t,i,s=arguments;if(2==s.length)for(t in e)i=e[t],void 
0!==i&&e.hasOwnProperty(t)&&r(n,t,i);else r(n,s[1],s[2])}}();return u});</script>
<script src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/vue-resource.js"></script>
<script type="text/javascript">
Vue.http.interceptors.push(function(b,a){b.url+=(b.url.indexOf("?")>0?"&":"?")+"cb="+(new
 Date()-0);NProgress.start();a(function(){NProgress.done()})});function 
to10(a){return a>9?(a+""):("0"+a)}Vue.filter("datetime",function(b){var 
a=new Date(b);return 
a.getFullYear()+"-"+to10(a.getMonth()+1)+"-"+to10(a.getDate())+" 
"+to10(a.getHours())+":"+to10(a.getMinutes())});Vue.filter("clean",function(a){return(a||"").replace(/\n+/g,"").replace(/\s+/g,"")});Vue.filter("ten",function(a){return
 to10(a+1)});var 
DEFAULT_FACE="//p2.duyao001.com/image/article/15bcc989e86a8b1deb2dcc7286b23e59_150x150.png";Vue.filter("avatar",function(a){if(a&&/_\d+x\d+\./.test(a)){a=a.replace(/_\d+x\d+\./,"_150x150.")}return
 (a||DEFAULT_FACE).replace(/^https?\:/, '')});
</script>
<template id="rank">
  <div v-if="type === 5" class="smallWealthy">
    <div class="rankTitle">
      {{title || TYPE_ARR[type]}}
      <span>
        <em :class="{'on': time === index}" v-if="item" @click="loadByTime(index)" v-for="(index, item) in rangeArr">{{item}}</em>
      </span>
    </div>
    <dl :style="{height: height}">
      <dd v-for="(index, item) in list" @mouseover="hover=index" :class="{'on': hover === index}" :style="{borderBottom: (border ? '1px solid #e6e5e5' : '')}">
        <span class="rectBg" :class="SCOPE_CLASS[channel]">
          <em class="num">{{index | ten}}</em>
          <img :src="item.faceAddress | avatar">
          <span class="name">{{item.name}}</span>
          <span class="money">土豪值：{{item.topValue}}</span>
        </span>
      </dd>
      <dt class="more"><a :href="'//www.hotread.com/chart/' + (1 - channel) + '-' + (type + 1) + '-' + timeType + '-1.html'">查看更多</a></dt>
    </dl>
  </div>
  <div v-else="" class="ranking" :style="{paddingTop: top + 'px'}">
    <div class="rankTitle">
      {{title || TYPE_ARR[type]}}
      <span v-if="type !== 3">
        <em :class="{'on': time === index}" @click="loadByTime(index)" v-if="item" v-for="(index, item) in rangeArr">{{item}}</em>
      </span>
    </div>
    <dl :style="{height: height}">
      <dd v-for="(index, item) in list" @mouseover="hover=index" :class="{'on': hover === index}" :style="{borderBottom: (border ? '1px solid #e6e5e5' : '')}">
        <a class="rectBg" :class="SCOPE_CLASS[channel]" :href="'//www.hotread.com/story/' + item.story.id">
          <em class="num">{{index | ten}}</em>
          <img :src="item.story.cover" :alt="item.story.name">
          <span class="bookName">{{item.story.name}}</span>
          <span class="author">{{item.story.author}}</span>
        </a>
      </dd>
      <dt class="more"><a :href="'//www.hotread.com/chart/' + (1 - channel) + '-' + (type + 1) + '-' + timeType + '-1.html'">查看更多</a></dt>
    </dl>
  </div>
</template>
<script type="text/javascript">
;(function (Vue) {
  var Rank = Vue.extend({
    template: '#rank',
    props: {
      channel: {
        type: Number,
        default: 0
      },
      type: {
        type: Number,
        default: 0
      },
      column: {
        type: Number,
        default: 0
      },
      size: {
        type: Number,
        default: 5
      },
      title: {
        type: String,
        default: ''
      },
      border: {
        type: Boolean
      },
      top: {
        type: Number
      }
    },
    data: function () {
      return {
        TYPE_ARR: ['火力榜', '收藏榜', '推荐榜', '月票榜', '新书榜', '土豪榜'],
        SCOPE_CLASS: ['boyBg', 'girlBg'],
        COLUMN: [[6161, 6162, 6163, 6164, 6165, 6166], [6261, 6262, 6263, 6264, 6265, 6266]],
        time: 0,
        range: ['日', '周', '月', '总'],
        hover: 0,
        list: []
      };
    },
    computed: {
      rangeArr: function () {
        // 新书榜没【总】
        if (this.type === 4) {
          return ['日', '周', '月', ''];
        } else {
          // 其他帮没【日】
          return ['', '周', '月', '总']
        }
      },
      height: function () {
        var H = (this.size - 1) * 44 + 90 + 46 + 2;
        return H + 'px';
      },
      timeType: function () {
        if (this.time == 3) {
          return 0;
        } else {
          return this.time + 1;
        }
      }
    },
    methods: {
      // 设置初始化默认时间范围
      setDefaultTime: function () {
        var time = 1; // 默认周月总，取【月】
        // 月票榜，只取【月】
        if (this.type === 3) {
          time = 2; // (2 + 1 === 3)
        } else if (this.type === 4) { // 新书榜，日月周，取【日】
          time = 0;
        } else if (this.type === 2) { // 推荐榜，默认取[月]
          time = 2;
        }
        this.time = time;
      },
      loadByTime: function (time) {
        if (this.time !== time) {
          this.time = time;
          this.getList(time);
        }
      },
      getList: function (time) {
        if (time === 3) { // 总榜->传值[0]
          time = 0;
        } else { // 日月周传值[1][2][3]
          time += 1;
        }
        var column = this.COLUMN[this.channel][this.type];
        this.$http.get('/api/common/rank/' + column + '/' + time + '/' + this.size)
          .then(function (resp) {
            this.list = resp.body.list;
            this.$dispatch('finished');
          });
      },
    },
    ready: function () {
      this.setDefaultTime();
      this.getList(this.time);
    }
  });
  Vue.component('rank', Rank);
})(Vue);
</script>
<script>vueReady.ready();</script>

<script type="text/javascript">
;(function (Vue) {
  var slider = 
[{"id":439,"novelColumn":6001,"updateTime":1502961776900,"updateAdminId":74,"updateAdminName":"
杨兴东","isDelete":0,"pic":"https://p1.duyao001.com/image/common
/ec2b259187da6f48c5093e6817487085.jpg","content":null,"linkUrl":"","targetType":1,"targetId":"1008191","targetName":"
都市之修真归来","disappear":3,"targetTypeName":"小说"},
{"id":97,"novelColumn":6001,"updateTime":1502961756491,"updateAdminId":74,"updateAdminName":"
杨兴东","isDelete":0,"pic":"https://p1.duyao001.com/image/common
/e6a8eb0dcdd5d2df1ba09b96e335b243.jpg","content":null,"linkUrl":null,"targetType":1,"targetId":"1007821","targetName":"
修魔纪","disappear":3,"targetTypeName":"小说"},
{"id":623,"novelColumn":6001,"updateTime":1502769465480,"updateAdminId":32,"updateAdminName":"
宋欢","isDelete":0,"pic":"https://p2.duyao001.com/image/common
/c2c0bd847a1734f392fa05d8eff9e80f.jpg","content":null,"linkUrl":null,"targetType":1,"targetId":"1006899","targetName":"
无处可逃","disappear":3,"targetTypeName":"小说"},
{"id":622,"novelColumn":6001,"updateTime":1502704759666,"updateAdminId":45,"updateAdminName":"
吴柚漪","isDelete":0,"pic":"https://p1.duyao001.com/image/common
/ce24e703dca8166ae32b4c01cc29275f.jpg","content":null,"linkUrl":null,"targetType":1,"targetId":"1008058","targetName":"
爱情难为","disappear":3,"targetTypeName":"小说"}];
  new Vue({
    el: '#topController',
    data: {
      channel: 2,
      active: 0,
      slider: slider
    }
  });

  var UpgradeList = Vue.extend({
    template: '#upgradeList',
    props: ['active', 'free', 'vip']
  });

  var lazyImgs = [].slice.call(document.querySelectorAll('[data-src]'), 
0);
  lazyImgs.forEach(function (item) {
    item.src = item.getAttribute('data-src');
    item.removeAttribute('data-src');
  });

  new Vue({
    el: '#updateController',
    data: {
      freeList: [],
      freeTypeList: [],
      vipList: [],
      vipTypeList: [],
      localed: false,
      active: 0
    },
    components: {
      'upgrade-list': UpgradeList
    },
    methods: {
      done: function () {
        if (this.freeList.length && this.vipList.length) {
          this.localed = true;
        }
      },
      getType: function(data){
        for(var i=0; i<data.length; i++){
          if(data[i].story.type == '现代都市' || data[i].story.type == 
'现代言情'){
            data[i].story.typeNum = '0'
          }else if(data[i].story.type == '悬疑灵异' || data[i].story.type ==
 '古代言情'){
            data[i].story.typeNum = '1'
          }else if(data[i].story.type == '玄幻仙侠' || data[i].story.type ==
 '仙侠奇幻'){
            data[i].story.typeNum = '2'
          }else if(data[i].story.type == '历史军事' || data[i].story.type ==
 '纯爱作品'){
            data[i].story.typeNum = '3'
          }
        }
        return data;
      },
      getFreeList: function () {
        this.$http.get('/api/home/freeList')
          .then(function (resp) {
            this.freeList = this.getType(resp.body.freeList);
            this.done();
          });
      },
      getVipList: function () {
        this.$http.get('/api/home/vipList')
          .then(function (resp) {
            this.vipList = this.getType(resp.body.vipList);
            this.done();
          });
      }
    },
    ready: function () {
      this.getFreeList();
      this.getVipList();
    }
  });
})(Vue);
</script>
<div class="footer">
  <div class="footer-main">
    <ul class="contact">
      <li>
        <p>火星小说</p>
        <span>最受欢迎的阅读产品</span>
        <dl>
          <dt>关注我们</dt>
          <dd class="weixin-logo" style="margin-right: 20px">
            <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/qrcode_wyw.jpg">
          </dd>
          <dd class="weibo-logo">
            <a href="http://www.weibo.com/u/5861671719" target="_blank" style="display: block; height: 40px;"></a>
          </dd>
        </dl>
      </li>
      <li>
        <p>作者中心</p>
        <span>投稿请联系编辑</span>
        <a href="http://author.hotread.com/boon.html" rel="nofollow" target="_blank" class="contact-btn">如何联系</a>
      </li>
      <li>
        <p>联系我们</p>
        <span>欢迎反馈宝贵意见给我们</span>
        <ul class="contact-way">
          <li>客服邮箱：kefu@hotread.com</li>
          <li>客服电话：010-59002324-621</li>
          <li>服务时间：09:30-18:30</li>
        </ul>
      </li>
      <li>
        <p>火星小说客户端</p>
        <span>扫描二维码直接下载</span>
        <img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/qrcode.jpg" class="two-code">
      </li>
      <li>
        <p>安全联盟</p>
        <span>行业认证</span>
        <div>
          <a key="59096cabefbfb043519680c0" logo_size="124x47" logo_type="business" href="https://v.pinpaibao.com.cn/authenticate/cert/?site=www.hotread.com&amp;at=business" target="_blank">
          <script src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/aq_auth.js"></script><b id="aqLogoOUNWD" style="display: none;"></b><img src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/hy_124x47.png" alt="安全联盟认证" style="border: none;" width="124" height="47">
          </a>
        </div>
      </li>
    </ul>
    <div class="friendship">
      <p class="title">友情链接:</p>
      <ul>
        
          <li><a target="_blank" href="http://www.yueloo.com/">阅路小说网</a></li>
        
          <li><a target="_blank" href="http://www.kanshu.com/">看书网</a></li>
        
          <li><a target="_blank" href="http://www.17k.com/">17k小说网</a></li>
        
          <li><a target="_blank" href="http://yc.ireader.com.cn/">掌阅小说网</a></li>
        
          <li><a target="_blank" href="http://www.sweetread.net/">甜悦读网</a></li>
        
          <li><a target="_blank" href="http://www.dmread.com/">朵米阅读网</a></li>
        
          <li><a target="_blank" href="http://www.iyunyue.com/">云阅文学</a></li>
        
          <li><a target="_blank" href="http://www.shucong.com/">书丛网</a></li>
        
          <li><a target="_blank" href="http://www.luochen.com/">落尘文学</a></li>
        
          <li><a target="_blank" href="http://www.yokong.com/">悠空网</a></li>
        
          <li><a target="_blank" href="http://www.luohei.com/">落黑中文网</a></li>
        
          <li><a target="_blank" href="http://www.yushu5.com/">羽书网</a></li>
        
          <li><a target="_blank" href="http://www.tenghen.com/">藤痕书院</a></li>
        
          <li><a target="_blank" href="http://www.ycsd.cn/">言情书殿</a></li>
        
          <li><a target="_blank" href="http://www.zuok.com.cn/">作客文学网</a></li>
        
          <li><a target="_blank" href="http://www.shengdan.com/">圣诞文学网</a></li>
        
          <li><a target="_blank" href="http://www.xmnovel.com/">星芒阅读</a></li>
        
          <li><a target="_blank" href="http://www.ymzww.cn/">阅明中文网</a></li>
        
          <li><a target="_blank" href="http://www.yuedufang.com/">悦读坊文学网</a></li>
        
          <li><a target="_blank" href="http://www.s4yd.com/">盛世阅读网</a></li>
        
          <li><a target="_blank" href="http://www.yiyuetop.com/">樱桃阅读</a></li>
        
          <li><a target="_blank" href="http://shenqi.quyuewang.cn/">神起中文网</a></li>
        
          <li><a target="_blank" href="http://www.cqzww.com/">传奇中文网</a></li>
        
          <li><a target="_blank" href="http://www.jiuyuu.com/">九域文学网</a></li>
        
          <li><a target="_blank" href="http://www.shanhuu.com/">珊瑚文学网</a></li>
        
          <li><a target="_blank" href="http://www.yinher.com/">银河文学</a></li>
        
          <li><a target="_blank" href="http://www.1999youlian.com/">优恋小说网</a></li>
        
          <li><a target="_blank" href="http://www.shuhai.com/">书海小说网</a></li>
        
          <li><a target="_blank" href="http://www.nnsc6.com/">暖暖书城</a></li>
        
          <li><a target="_blank" href="http://www.lmyd5.com/">懒喵阅读网</a></li>
        
          <li><a target="_blank" href="http://www.cahuo.com/">擦火阅读网</a></li>
        
          <li><a target="_blank" href="http://www.inbook.net/">花雨小说网</a></li>
        
          <li><a target="_blank" href="http://www.4yt.net/portal/home/index">四月天女生网</a></li>
        
          <li><a target="_blank" href="http://www.meixiong5.com/">美熊阅读网</a></li>
        
          <li><a target="_blank" href="http://www.n3sd.com/">南山书殿</a></li>
        
      </ul>
    </div>
    <div class="footer-copyright">
      <div>Beijing Jinying Technology Co., Ltd</div>
      <div>
        <i>北京金影科技有限公司</i>
        <i>北京市海淀区信息路甲28号-1层D号-116号</i>
        <i>©hotread.com</i>
        <a href="http://www.miibeian.gov.cn/" target="_blank"><i>京ICP备14052851-2
        </i></a>
        <i>TEL:010-59002324</i>
      </div>
    </div>
  </div>
</div>
<div class="auth-modal" id="authModal" style="z-index: 3000; display: none;">
  <style>
    .auth-modal .input-error {
      border-color: #f00 !important;
    }
  </style>

  <form class="auth-form login-modal" style="display: none;">
    <span class="close-btn">×</span>
    <h2>登录</h2>
    <div class="auth-switch">
      <a href="javascript:void(0)">忘记密码？</a>
      <a href="javascript:void(0)">立即注册</a>
    </div>
    <div class="form-box">
      <div class="form-group account">
        <div class="form-control" data-placeholder="请输入手机号码">
          <input type="text">
        </div>
      </div>
      <div class="form-group password">
        <div class="form-control" data-placeholder="请输入密码">
          <input type="password">
        </div>
      </div>
      <div class="submit-box">
        <input value="登录" class="submit" type="submit">
      </div>
    </div>
    <div class="third-login" style="display: block;">
      <strong>第三方登录</strong>
      <a class="third-btn qq" title="QQ登录" href="https://graph.qq.com/oauth2.0/authorize?response_type=code&amp;client_id=101346160&amp;redirect_uri=http%3A%2F%2Fwww.hotread.com%2Flogin%2Fqq">QQ登录</a>
      <a class="third-btn weibo" title="微博登录" href="https://api.weibo.com/oauth2/authorize?client_id=605132052&amp;response_type=code&amp;redirect_uri=http%3A%2F%2Fwww.hotread.com%2Flogin%2Fweibo">微博登录</a>
    </div>
  </form>

  <form class="auth-form register-modal" style="display: none;">
    <span class="close-btn">×</span>
    <h2>注册</h2>
    <div class="auth-switch">已有账号？<a href="javascript:void(0)">立即登录</a></div>
    <div class="form-box">
      <div class="form-group account">
        <div class="form-control" data-placeholder="给自己设置一个牛逼的昵称吧~">
          <input type="text">
        </div>
      </div>
      <div class="form-group phone">
        <div class="form-control" data-placeholder="请输入11位手机号">
          <input type="text">
        </div>
      </div>
      <div class="form-group verify-box">
        <div class="form-control" data-placeholder="请输入验证码">
          <input type="text">
        </div>
        <img class="verify" src="">
        <span class="verify-btn">换一换</span>
      </div>
      <div class="form-group note">
        <div class="form-control" data-placeholder="请输入短信验证码">
          <input type="text">
        </div>
        <span class="get">获取短信验证码</span>
        
      </div>
      <div class="form-group password">
        <div class="form-control" data-placeholder="请输入密码">
          <input type="password">
        </div>
      </div>
      <div class="form-group password-confirm">
        <div class="form-control" data-placeholder="请确认密码">
          <input type="password">
        </div>
      </div>
      <div class="submit-box">
        <input value="注册" class="submit" type="submit">
      </div>
    </div>
    <div class="third-login">
      <strong>第三方登录</strong>
      <a href="https://graph.qq.com/oauth2.0/authorize?response_type=code&amp;client_id=101346160&amp;redirect_uri=http%3A%2F%2Fwww.hotread.com%2Flogin%2Fqq" class="third-btn qq" title="QQ登录">QQ登录</a>
      <a href="https://api.weibo.com/oauth2/authorize?client_id=605132052&amp;response_type=code&amp;redirect_uri=http%3A%2F%2Fwww.hotread.com%2Flogin%2Fweibo" class="third-btn weibo" title="微博登录">微博登录</a>
    </div>
  </form>

  <form class="auth-form recover-modal" style="display: none;">
    <span class="close-btn">×</span>
    <h2>忘记密码</h2>
    <div class="auth-switch">
      已有账号？
      <a href="javascript:void(0)">立即登录</a>
    </div>
    <div class="form-box no-icon">
      <div class="form-group">
        <div class="form-control" data-placeholder="请输入手机号">
          <input type="text">
        </div>
      </div>
      <div class="form-group">
        <div class="form-control" data-placeholder="请输入新密码">
          <input type="password">
        </div>
      </div>
      <div class="form-group">
        <div class="form-control" data-placeholder="请确认密码">
          <input type="password">
        </div>
      </div>
      <div class="form-group verify-box">
        <div class="form-control" data-placeholder="请输入验证码">
          <input type="text">
        </div>
        <img class="verify" src="">
        <span class="verify-btn">换一换</span>
      </div>
      <div class="form-group note">
        <div class="form-control" data-placeholder="请输入短信验证码">
          <input type="text">
        </div>
        <span class="get">获取短信验证码</span>
        
      </div>
      <div class="submit-box">
        <input value="确认修改" class="submit" type="submit">
      </div>
    </div>
  </form>
</div>
<script>
  ;(function (Vue) {
    var COUNT = 60;
    var PHONE_REG = /^1[3|4|5|7|8]\d{9}$/;
    var authModal = new Vue({
      el: '#authModal',
      data: {
        type: 0,
        username: '',
        password: '',
        code: '',
        nickName: '',
        mobilePhone: '',
        clientCode: '',
        confirmPassword: '',
        target: '',
        seconds: COUNT,
        sending: false,
        captcha: ''
      },
      watch: {
        type: function () {
          this.code = '';
          this.password = '';
          this.confirmPassword = '';
          this.clientCode = '';
          this.target = '';
          if (this.type > 0) {
            this.updateCaptcha();
          }
        }
      },
      methods: {
        checkPhone: function () {
          return PHONE_REG.test(this.mobilePhone);
        },
        openLogin: function () {
          this.type = 1;
        },
        openRegister: function () {
          this.type = 2;
        },
        doLogin: function () {
          var self = this;
          _loading();
          this.$http.post('/core/auth/login', {
            username: this.username,
            password: this.password
          }).then(function (resp) {
            _loading(1);
            var result = resp.body;
            if (result.error) {
              _alertCenter(result.msg, 'error', 240);
            } else {
              _alertCenter('登录成功');
              self.type = 0;
              location.reload();
            }
          });
        },
        doRegister: function () {
          var self = this;
          _loading();
          this.$http.post('/core/auth/register', {
            nickName: this.nickName,
            mobilePhone: this.mobilePhone,
            password: this.password,
            clientCode: this.clientCode,
            confirmPassword: this.confirmPassword,
            captcha: this.code
          }).then(function (resp) {
            _loading(1);
            var result = resp.body;
            if (result.error > 0) {
              self.target = result.target || '';
              _alertCenter(result.msg, 'error', 260);
            } else {
              self.target = '';
              _alertCenter('注册成功');
              self.type = 0;
              location.reload();
            }
          });
        },
        doRecover: function () {
          var self = this;
          _loading();
          this.$http.post('/core/auth/recover', {
            mobilePhone: this.mobilePhone,
            password: this.password,
            clientCode: this.clientCode,
            confirmPassword: this.confirmPassword,
          }).then(function (resp) {
            _loading(1);
            var result = resp.body;
            if (result.error > 0) {
              self.target = result.target || '';
              _alertCenter(result.msg, 'error', 260);
            } else {
              self.target = '';
              _alertCenter('密码修改成功');
              setTimeout(function () {
                self.type = 1;
                self.username = self.mobilePhone;
              }, 500);
            }
          });
        },
        sendMessageCode:function (ignore) {
          if (!this.checkPhone()) {
            _alertCenter('请输入正确的手机号码', 'error', 300);
            return false;
          }
          if (this.sending) {
            return false;
          }

          if (!this.code) {
            _alertCenter('请输入验证码', 'error', 300);
            return false;
          }

          _loading();
          var self = this;
          var url = ignore ? '/core/auth/recover/code2' : '/core/auth/register/code2';
          this.$http.post(url, {
            mobilePhone: this.mobilePhone,
            verificationCode: this.code
          }).then(function (resp) {
            _loading(1);
            if (resp.body.errorCode > 0) {
              _alertCenter(resp.body.message);
            } else {
              self.sending = true;
              self.counting();
            }
          });
        },
        counting: function () {
          var self = this;
          setTimeout(function () {
            if (self.seconds > 1) {
              self.seconds --;
              self.counting();
            } else {
              self.sending = false;
              self.seconds = COUNT;
            }
          }, 1000);
        },
        updateCaptcha: function () {
          var self = this;
          this.$http.get('/core/code?' + (new Date - 0))
            .then(function (resp) {
              self.captcha = resp.body;
            });
        }
      }
    });

    window._authModal = authModal;
  })(Vue);
</script>
  <script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?1ff0e73fea115b943850e1afc067ed22";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
  </script>
<script src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/lazyload.js"></script>
<script>new LazyLoad({elements_selector: '[data-original]'})</script>
<script src="%E5%B0%8F%E8%AF%B4%E6%8E%92%E8%A1%8C%E6%A6%9C_%E7%81%AB%E6%98%9F%E5%B0%8F%E8%AF%B4_%E5%AE%8C%E6%9C%AC%E5%B0%8F%E8%AF%B4%E5%85%8D%E8%B4%B9%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%80%E6%96%B0%E6%9C%80%E7%83%AD%E6%9C%80%E5%A5%BD%E7%9C%8B%E7%9A%84%E5%B0%8F%E8%AF%B4%E9%98%85%E8%AF%BB%E7%BD%91_files/swiper-3.js"></script>
<script type="text/javascript">
  new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    centeredSlides: true,
    autoplay: 3000,
    autoplayDisableOnInteraction: false
  });
</script>

<weel style="visibility: hidden; opacity: 0; transform: translate3d(1372px, 484.5px, 0px);" id="weel__float-action-button" data-check-aim="false" data-api-src="google" data-lang-from="en" data-lang-to="zh" class=""><weel id="weel__float-action-button--container"><weel id="weel__float-action-button--icon"></weel></weel></weel><weel style="visibility: hidden; opacity: 0;" id="weel__float-action-panel"><weel id="weel__float-action-panel--container"><weel id="weel__float-action-panel--output-stream"><weel id="weel__float-action-panel--output-stream-result"><weel id="weel__float-action-panel--output-stream-result-word"><weel id="weel__float-action-panel--output-stream-phonetic"><weel id="weel__float-action-panel--i-voice"></weel><weel id="weel__float-action-panel--output-stream-phonetic-plain">&nbsp;</weel></weel><weel id="weel__float-action-panel--output-stream-explain"><weel id="weel__float-action-panel--i-copy"></weel><weel id="weel__float-action-panel--output-stream-explain-plain">&nbsp;</weel><textarea></textarea><weel id="weel__float-action-panel--output-stream-explain-detail">&nbsp;</weel></weel></weel></weel></weel></weel></weel></body></html>